<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
}>();
const { $fn, $global } = props.ujt;
</script>
<template>
    <div class="as-theme" @pointerdown="$fn.changetheme('auto')">
        <slot>
            {{
                $fn.lg(
                    'asai.theme' +
                        ($global.config.theme?.includes('dark')
                            ? 'light'
                            : 'dark')
                )
            }}
        </slot>
    </div>
</template>

<style scoped lang="scss">
.as-theme {
    display: inline-block;
    width: auto;
    cursor: pointer;
}
</style>
